@charset "utf-8";
/* CSS Document */

html,body{
	height: 100%;
	width: 100%;
	background-color: aqua;
}

p{
	font-family:"Adobe 仿宋 Std R";
	font-size: 10px;
	color: white;
}

.head{
	display: inline-block;
	background: rgb(100%,100%,100%);
	background: rgba(100%,100%,100%,0.7);
	width: 100%;
	height: 10%;
	white-space: nowrap;
	top: 0;
	position: fixed;
	z-index: 100;
	box-shadow: 0px 1px 20px 1px #333;
}

.logo{
	margin:10px;
	left: 10%;
	position: absolute;
	text-decoration-color: #000;
	font-family:"微软雅黑";
	font-size: 35px;
	width: 25%;
	height: 10%;
	z-index: 101;
}

.body{
	height: 100%;
	width: 100%;
	position: relative;
	align-content:space-between;
	display: flex;
	flex-direction: row;
}

.choose{
	position: fixed;
	left: 3%;
	top: 30%;
	width:7%;
	height: auto;
}

.display{
	position: absolute;
	left: 10%;
	height: 100%;
	width: 90%;
}

.container{
	width: 95%;
	height: 80%;
	top: 10%;
	display: flex;
	flex-direction: column;
	align-self: center;
}

.fix{
	width: 100%;
	height:5%;
}

.p1{
	height: 100%;
	width: 85%;
	left: 10%;
	position: relative;
}

.menuitem{
	margin: 20px;
	padding: 3%;
	font-family: "微软雅黑";
	width: 5%;
	height: 10%;
	font-size: 20px;
}

.menu:hover{
	display: none;
}

.menu{
	width: 20%;
	height: 10%;
	position: absolute;
	left: 80%;
	top:1%;
	align-content: space-between;
	display: flex;
	flex-direction: row;
	z-index: 101;
	
}